<template>
    <!-- 左侧侧滑菜单 -->
    
      <div class="leftprop_box">
        <div class="leftprop_title">
          <h3>{{$t("lang.tradingfloor")}}</h3>
        </div>
        <ul class="homeleft_list">
          <li @click="pushPath('/assetIndex')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon1.png" alt="" srcset=""><p>{{$t("lang.Equitytrading")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/circulate')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon2.png" alt="" srcset=""><p>{{$t("lang.UsePoint")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/Registration')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon3.png" alt="" srcset=""><p>{{$t("lang.RegisterPoint")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/Activatepoints')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon4.png" alt="" srcset=""><p>{{$t("lang.ActivationPoint")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/Bonus')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon5.png" alt="" srcset=""><p>{{$t("lang.UseBonus")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/FormAsset')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon6.png" alt="" srcset=""><p>{{$t("lang.Formacoassets")}}</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/AsesAList')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon6.png" alt="" srcset=""><p>激活分转账记录</p></div>
            <i class="iconfont icon-you"></i>
          </li>
          <li @click="pushPath('/regAsesAList')">
            <div><img src="../../assets/img/assetIndex/zc_ch_icon6.png" alt="" srcset=""><p>注册分转账记录</p></div>
            <i class="iconfont icon-you"></i>
          </li>
        </ul>
      </div>
</template>

<script>
import header from '@/components/header'
import timeFormat from '../../store/timeFormat';

import { Toast } from 'vant';
export default {
  components: {
		name:"RightMenu",
  },
  data() {
    return {
			showLeftProp:false
    }
  },
  mounted () {
    
  },
  created() {

  },
  watch: {

  },
  methods: {
		showProp(){
      this.showLeftProp=true;
    },
    closeProp(){
      this.showLeftProp=false;
    },
  }
}
</script>

<style lang='less' scoped>
.top_jybg{
	background:linear-gradient(150deg,rgba(172,6,0,1) 0%,rgba(135,2,0,1) 100%);
	border-radius:2px;height: 100px;
	color: #ffffff;
	padding-left: 15px;
	box-sizing: border-box;
	margin: 12px;
	h2{font-weight:bold;font-size: 30px;padding-top: 15px;}
}
.trad_list{
	background: #f6f6f6;
	li{
		box-sizing: border-box;padding:0 12px;background:#ffffff;margin-top:10px;
		h4{color: #333333;}
		.nflex{display: flex;justify-content:space-between ;}
		.nborder{border-top: 1px solid #F6F6F6;border-bottom: 1px solid #F6F6F6;
      p{line-height: 26px;color: #999999;}
      p:nth-child(2){color: #666666;}
		}
		.npadd{padding: 15px 0;}
		.buybtn{color: #FF4954;border: 1px solid #FF4954;border-radius: 20px;padding: 0 6px ;}	
	}
}
// prop层
.showmenu{
  text-align: center;color: #333333;background:transparent;height: 200px;position:relative;
  li{height: 35px;line-height: 35px;border-bottom: 1px solid #eeeeee;}
  li:nth-child(2){border-bottom: none;}
}
.test_triangle_border{
    width:200px; 
    margin:0 auto 20px;
    
}
.test_triangle_border a{
    color:#333;
    font-weight:bold; 
    text-decoration:none;
}
.test_triangle_border .popup{
    width:120px;
    background:#ffffff; 
    // padding:10px 20px; 
    color:#333;  
    border-radius:4px;
    position:absolute; 
    top:10px; 
    right:2vw;
    border:1px solid #333;
}
.test_triangle_border .popup span{
    display:block; 
    width:0; 
    height:0; 
    border-width:0 10px 10px; 
    border-style:solid; 
    border-color:transparent transparent #333; 
    position:absolute; 
    top:-10px; 
    left:70%;/* 三角形居中显示 */
    margin-left:-10px;/* 三角形居中显示 */
}
.test_triangle_border .popup em{
    display:block; 
    width:0; 
    height:0; 
    border-width:0 10px 10px; 
    border-style:solid; 
    border-color:transparent transparent #ffffff; 
    position:absolute; 
    top:1px; 
    left:-10px;
}
//top
.ass_top{background: url(../../assets/img/assetIndex/grzx_dhzx.png)}
.all_ass{
  text-align: center;padding:3vh 0;
  h3{color: #E1AF56;font-size: 24px;line-height: 30px;}
  p{color: #AA7A24;}
}
.asflex{display: flex;justify-content:space-between ;background:#720300;padding:10px 0;
  div{width: 50%;text-align: center;}
  h4{color: #E1AF56;font-size: 16px;line-height: 20px;}
  p{color: #AA7A24;}
}
// 交易输入框
.center_btn{margin: 15px;}
.center_btn .btn{
  width:80%;
  background: #A00500;
  margin-top:50px;
  margin-left: 10%;
  box-shadow: none;
  border-radius: 5px;
  color:#fff;
  font-size:16px;
}
// leftmenu prop
.leftprop_box{background: #ffffff;width:80vw;height: 100%;}
.leftprop_box h3{padding-left: 14px;font-weight: 600;}
.leftprop_title{height: 65px;line-height: 65px;border-bottom: 1px solid #eeeeee;}
.homeleft_list li{display: flex; justify-content: space-between ;align-items:center; height: 50px;line-height: 50px;padding: 0 12px;color: #333333;}
.homeleft_list li div{display: flex;align-items:center; }
.homeleft_list li img{width: 25px;height: 25px;}
.homeleft_list li p{padding-left: 10px;}
</style>
